<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>京东购物车项目</title>
		<style>
        *{margin:0;	  padding:0;  }
		.top{width:100%;    height:30px;  background-color:#e3e4e5;}  
		.a1{ width:1000px;	 height:30px;	 margin:0 auto;}
	    .a11{width:727px; height:30px;float:right;}
		.a12{ width:180px;height:30px;}
		.a121{ list-style-type:none;  float:left;  font-size:12px;  margin-right:5px; float:left;}
	    .border{ width:1px;   height:12px;  background-color:#cccccc;  list-style-type:none; float:left; margin-right:5px; margin-top:9px}
		.a122{font-size:13px; list-style-type:none;  float:left;  margin-right:5px; margin-top:7px; }
	    .text{ font-size:13px; list-style-type:none;  float:left;  margin-right:5px; margin-top:7px;  }
	     a{ text-decoration:none;}
		 a:hover{color:#ff3366;}
		 b:hover{color:#ff3366;}
	     span:hover{color:#ff3366;}
		 p:hover{color:#ff3366;}
		 li:hover{color:#ff3366;}
		 .a8{ border:0;background-color:#e3e4e5;}
		.a2{height:106px;	width:1000px;  background-color:#ffffff; 	margin:0 auto; }
		.a21{ margin-top:16px; float:left;}
        .a22{height:18px; margin-top:47px;float:left; font-size:19px;}
		.a23{width:325px;   height:27px;	 background-color:#c91623;	 float:right; margin-top:39px;}
		.a24{margin-top:3px;  margin-left:3px;	 width:270px;	}
        .a3{height:46.5px; width:1000px;	background-color:#fffdee;	margin:0 auto;}
        .a31{ list-style-type:none;  float:left; margin-top:14px;}
		.a311{float:left;font-size:13px;}	 
	    .a3111{background-color:#e2393c; border-radius:3px;}
		.a4{width:1000px;height:100px;  margin:0 auto; }
		.a41{ height:57px;}
		.a411{ list-style-type:none;}
		.a412{float:left; margin-right:28px;margin-top:27px;font-size:16px;}
		.a413{float:right; width:200px;}
		.a414{list-style-type:none;}
		.a415{float:left;margin-top:27px;font-size:12px;}
		.a416{width:125px;height:22.5px;margin-top:23px;font-size:12px;;}
		.a42{ background-color:#f3f3f3;width:100%;height:41px;}
		.a421{list-style-type:none;}
		.a422{float:left;margin-right:76px;margin-top:9px;margin-left:10px;font-size:12px;}
		.a423{float:left;margin-right:450px;margin-top:9px;font-size:12px;}
        .a424{float:left;margin-right:66px;margin-top:9px;font-size:12px;}
		.a425{float:left;margin-right:100px;margin-top:9px;font-size:12px;}
		.a426{float:left;margin-right:39px;margin-top:9px;font-size:12px;}
		.a427{float:left;margin-top:9px;font-size:12px;}
		.a5{height:39px;width:1000px;margin:0 auto;}
		.a51{list-style-type:none;}
		.a52{float:left; margin-top:10px;margin-left:10px;margin-right:10px; }
		.a53{float:left;margin-top:10px;margin-right:351px;}
		.a531{background-color:red;border-radius:3px;}
        .a54{float:left;margin-top:10px;}
        .a55{float:right;margin-top:10px;font-size:12px;}
		.b1{width:1000px;height:177px;}
		.b11{ height:38px;}
		.b12{margin-left:10px;margin-top:10px;margin-right:10px;list-style-type:none;}
		.b13{float:left; }
		.b15{font-size:12px;}
		.b3{height:138px;border:1px;border-color:red;border-top:solid;}
		.b31{list-style-type:none;}
		.b2{float:left;margin-top:15px;margin-left:10px;margin-right:17px;}
		.b311{float:left;margin-top:6px;}
		.b312{float:left;margin-right:165px;font-size:12px}
		.b31211{background-color:#da0013;font-size:12px;}
		.b313{float:left;margin-right:30px;font-size:12px;}
		.b31331{color:red;}
		.b314{float:left;margin-right:50px;font-size:12px;}
		.b3141{width:45px;color:0;}
		.b3142{width:15px;color:0;}
		.b315{float:left;font-size:12px;margin-right:30px;}
		.b316{float:left;font-size:12px;}
		.b317{font-size:12px;margin-top:100px;margin-left:45px;width:200px;height:16px;}
	    .b4{height:119px;background-color:#fff4e8;border-top:1px solid #c5c5c5;margin-top:39px;}  
		.b431{list-style-type:none;}
		.b42{float:left;margin-top:31px;margin-left:10px;margin-right:17px;}
		.b4311{float:left;margin-top:22px;}
		.b4312{float:left;margin-right:226px;font-size:12px;margin-top:16px;color:#ffffff;}
		.b431211{background-color:#da0013;font-size:12px;}
		.b4313{float:left;margin-right:33px;font-size:12px;margin-top:16px;}
		.b43132{background-color:#e262ae;}
		.b4314{float:left;margin-right:55px;font-size:12px;margin-top:16px;}
		.b4315{float:left;font-size:12px;margin-right:30px;margin-top:16px;}
		.b4316{float:left;font-size:12px;margin-top:16px;}
        .a5{height:39px;width:1000px;margin:0 auto;}
		.a51{list-style-type:none;}
		.a52{float:left; margin-top:10px;margin-left:10px;margin-right:10px; }
		.b553{float:left;margin-top:10px;margin-right:351px; font-size:14px;}
		.a531{background-color:red;border-radius:3px;}
        .a54{float:left;margin-top:10px;}
        .a55{float:right;margin-top:10px;font-size:12px;}
        .b5313{float:left;margin-right:30px;font-size:12px;}
		.b5312{float:left;margin-right:275px;font-size:12px}
		.b6{height:50px;margin-top:20px;border:0.4px solid #dedede;}
		.b62{width:93px;float:right;background-color:#e64347;margin-bottom:20px;height:100%;font-size:20px;line-height:50px;text-align:center;color:#ffffff;}
		.b61{line-height:50px;font-size:12px;}
		.b63{ float:right;margin-bottom:15px;font-size:12px;}
		.b631{float:right;}
		.b641{list-style-type:none;margin-top:20px;font-size:12px;}
		.b642{float:left;margin-right:35px;color:#e2231a;text-decoration:underline;}
		.b642{float:left;}
		.b65{border-collapse:collapse;}
		.b651{width:1000px;height:304px; border-collapse:collapse; }
		.b6511{width:245px;height:304px;font-size:12px;border:0.5px dashed #7f667f;border-collapse:collapse;}
		.b65111{color:#e46a20;}
		.b65113{width:150px;height:150px;}
		.c1{ height:537.6px;background-color:#eaeaea;width:100%;margin-top:1200px;}
		.c11{height:101.5px;border:0.1px solid #494444;line-height:101.5px;width:100%;}
		.c111{list-style-type:none;margin-left:20%;}
		.c1111{float:left; font-size:18px;margin-right:10px;}
		.c1112{float:left;margin-top:17px;margin-right:10px;}
		.c121{float:left;width:100px;margin-top:40px;position:absolute;left:302px;font-size:13px;}
		.c122{float:left;width:100px;margin-top:40px; position:absolute;left:505px;font-size:13px;}
		.c123{float:left;width:100px;margin-top:40px; position:absolute;left:710px;font-size:13px;}
		.c124{float:left;width:100px;margin-top:40px; position:absolute;left:915px;font-size:13px;}
		.c125{float:left;width:100px;margin-top:40px; position:absolute;left:1120px;font-size:13px;}
		.c12{width:100%;height:198px;border:0.1px solid #777777; }
		.c131{list-style-type:none;}
		.c13{height:238px;width:100%;margin-top:200px;font-size:13px;text-align:center;}
		.c132{margin-top:;}
		.c14{text-align:center;width:100%;height:18px;}
		.c15{text-align:center;width:100%;height:18px;margin-top:18px;}
		.c151{border-radius:8px;font-size:8px;}
		.c16{list-style-type:none;margin-left:503px;font-size:10px;}
		.c161{float:left;margin-right:10px;}
		.c17{width:100%;height:40px;}
		.c7{list-style-type:none;position:fixed;float:right;left:1480px;}
		.c8{}
		.c9{margin-top:334px;}
		</style>
	</head>
	<body>
	<div>
	  <div class="top">
	    <div class="a1" />
        <div class="a11">
          <ul>
          <li class="text"><a > clydey_y,请登录</a></li>
		  <li class="text"><a > 免费注册</a></li>
		  <li class="border"></li>
		  <li class="text"><a >我的订单<img src=""></a></li>
		  <li class="border"></li>
		  <li class="text"><a ><select class="a8"> <option>我的京东<img src=""></option><option>京东管家</option></select></a></li>
		  <li class="border"></li>
		  <li class="text"><a >京东会员<img src=""></a></li>
		  <li class="border"></li>
		  <li class="text"><a ><select class="a8"><option>企业采购</option><option>工商服务</option><option>对点采购</option></select></a></li>
		  <li class="border"></li>
		  <li class="text"><a ><select class="a8"><option>客户服务</option><option>人工服务</option></a></li>
		  <li class="border"></li> 
		  <li class="text1"><a ><select class="a8">网站导航</a></li>
		  <li class="border"></li>
		  <li class="text"><a >手机京东</a></li>
		  </ul>


		</div>
		<div class="a12">
		<ul class="a121" >
         <li class="a122"><a ><img src="img\小房子_03.png" > 京东首页 </a></li>
         <li class="a122"><a ><img src="img\地址图标_03.png">上海</a></li>
		 </ul>
		</div> </div>
        <div class="a2"><div class="a21"><img src="img\京东购物车项目.png"></div> <div class="a22"><a  >购物</a></div>
		<div class="a23"> <input class="a24" placeholder="自营"><a href="" color="#f7f6f4">搜索</a></div>
		</div> 
	    <div class="a3">
              <ul class="a31">
			      <li class="a311"><img src="img\三角警告_07.png"></li>
				  <li class="a311">您还没有登录！登录后购物车商品将保存到您的账号中</li>
				  <li class="a311"><a ><input type="button"class="a3111" value="立即登录"></a></li>
			  
			  </ul>		
		</div>

		 <div class="a4">
	     <div class="a41"> <ul class="a411"><li class="a412" ><a>全部商品3</a></li><li class="a412"><a>京东大药房</a></li></ul>
		      <div class="a413"><ul class="a414"> <li class="a415">配送至：</li >
			  <li >
			    <select class="a416">
				  <option>上海浦东新区城区</option>
				  <option>上海浦东新区城区</option>
			    </select>
			  </li>
			  </ul></div>
		 </div>	 
		 <div class="a42">
		    <ul class="a421">
			   <li class="a422"><input type="checkbox" id='quan1'>全选</li>

			   <li class="a423">商品</li>
			   <li class="a424">单价</li>
			   <li class="a425">数量</li>
			   <li class="a426">小计</li>
			   <li class="a427">操作</li>
			</ul>
		 
		 </div>
		    <div class="a5">
			    <ul class="a51">
			       <li class="a52"><input type="checkbox" id="xuan1"></li> 
				   <li class="a53"><a ><input type="button" class="a531" value="京东自营"></a></li>
				   <li class="a54"><img src="img\优惠券.png"></li> 
				   <li class="a55"><span class="a551">还差71.10免运费  去凑单></span></li>
				   </ul>
		    </div>
              

                <div class="b1">
		       
                <div class="b3">
                   <div class="b11">
				    <ul class="b12"> 
					    <li class="b13"><img class="b14" src="img\满减.png" ></li >
						<li class="b13" ><span class="b15"> 活动商品购满2件，即可享受满减> 去凑单></span></li>
				    </ul>
                
				  </div>
			 	     <ul class="b31">
					    <li><input type="checkbox" class="b2" id="xuan2"></li>
					    <li class="b311"> <img src="img\莫斯利安.png"></li>
						<li class="b312"> <div class="b3121"><input type="button" class="b31211" value="京东超市"> <span>光明莫斯利安 常温酸奶   莫斯利安350g*6盒/原...<br>牛奶(原味) 350g*6盒/礼盒装</span></div></li>
						<li class="b313"><b class="b3131">￥34.80</b><br><select class="b31331"><option  >促销</option><option >促销</option></select></li>
						<li class="b314"><input class="b3142" type="button"value="-"id="jian1"><input class="b3141" type="button" value="0" id="shu1" >
						<input class="b3142" type="button" value="+"  id="jia1"><br><span>有货</span> </li>
						<li class="b315">0</li>
						<li class="b316"><a>删除</a><br><a>移到我的关注</a></li>
                       
					 </ul>
                      <div class="b317"><span>【闪购】2019-3-16 10:00恢复原价</span></div> 
   
				</div>
              
                <div class="b4">
				  <ul class="b431">
					    <li><input type="checkbox" class="b42"id="xuan3"></li>
					    <li class="b4311"> <img src="img\福临门大米.png"></li>
						<li class="b4312"> <div class="b43121"><input type="button" class="b431211" value="京东超市"> <span>福临门东北大米水晶米 中       水晶米5kg<br>粮出品大米5kg</span></div></li>
						<li class="b4313"><b class="b43131">￥27.90</b></li>
						<li class="b4314"><input type="button"value="-" class="b3142"id="jian2"><input class="b3141" type="button" value="0" id="shu2"><input  class="b3142"type="button" value="+"id="jia2"><br><span>有货</span> </li>
						<li class="b4315">0</li>
						<li class="b4316"><a>删除</a><br><a>移到我的关注</a></li>
                       
					 </ul>
				</div>
            <div class="a5">
			    <ul class="a51">
			       <li class="a52"><input type="checkbox" id="xuan4"></li> 
				   <li class="b553"><a ><img src="img\京东好店.png"><b>悦盛官方旗舰店</b><img src="img\笑脸.png"></li>
				   </ul>
		    </div>
              

                <div class="b1">
		       
                <div class="b3">
                   <div class="b11">
				    <ul class="b12"> 
					    <li class="b13"><img class="b14" src="img\满减.png" ></li >
						<li class="b13" ><span class="b15"> 活动商品购满2件，即可享受满减<b> 去凑单></b></span></li>
				    </ul>
                
				  </div>
			 	     <ul class="b31">
					    <li><input type="checkbox" class="b2" id="xuan5"></li>
					    <li class="b311"> <img src="img\鱼肉.png"></li>
						<li class="b5312"> <div class="b3121"> <img src="img\京东_18.png"><b>【2份9折，3份8折】悦胜海<br>南马鲛鱼整条切片 2斤装冷冻鲅鱼段</b></div></li>
						<li class="b5313"><b class="b3131">￥118.00</b><br><select class="b31331"><option >促销</option><option >促销</option></select></li>
						<li class="b314"><input class="b3142" type="button"value="-"id="jian3"><input class="b3141" type="button" value="0" id="shu3"><input class="b3142" type="button" value="+"id="jia3"><br><span>有货</span> </li>
						<li class="b315">0</li>
						<li class="b316"><a>删除</a><br><a>移到我的关注</a></li>
                       
					 </ul>
                        </div>
		        <div>
			         <div class="b6">
                         <div class="b62"> <span>去结算</span> </div>
                        <div><span class="b63">已选一<span id="sum">0</span>件商^  总价：<b id="zon">0</b><img src="img\灯泡_03.png"><br><span class="b631">以节省:-￥0.00</span></span></div>
					    <div class="b61">
						<input  type="checkbox" id="quan2"><span>全选  删除选中的商品 移到我的关注 <b>清理购物车</b></span>
						</div>
					
					 </div>	
				     <div class="b64">
					   <ul class="b641">
					       <li class="b642"><b>随你喜欢</b></li>
						   <li class="b643">随手购</li>
					 
					   </ul>
					 <table class= "b65" align="center">
                        <tr class="b651"align="center">  
						   <td class="b6511"><img src="img\莫斯利安_big.png" class="b65113"><br><span class="b65112">光明 莫斯利安 常温酸奶牛奶(原<br>味)350g*6盒/礼盒装</span>
						         <p class="b65111">￥34.80</p>  
						         <img src="img\加入_03.png">
						   </td>
						   <td class="b6511"><img src="img\牛肉.png" class="b65113"><br><span class="b65112">科尔沁 休闲肉脯零食 内蒙古特产手撕<br>风干牛肉孜然味400g</span>
						         <p class="b65111">￥79.90</p>  
						         <img src="img\加入_03.png"></td>
						   <td class="b6511"><img src="img\德芙_03.png" class="b65113"><br><span class="b65112">德芙Dove巧克力分享碗装 什锦牛奶棒<br>仁葡萄干巧克力 婚庆 礼品 糖果 休闲</span>
						         <p class="b65111">￥32.90</p>  
						         <img src="img\加入_03.png"></td>
						   <td class="b6511"><img src="img\播放器_03.png"class="b65113"><p>网易云音乐车载音乐播放器 车载充电<br>播放器一拖二USB车充 汽车车载mp3音乐</p>
						         <p class="b65111">￥119.00</p>  
						         <img src="img\加入_03.png"></td>
						
						
						</tr>
						
					 </table>
					 </div>
				</div>

	  </div>
	</div></div></div>

	            <ul class="c7">
				<li class="c8"><a><img src="img\关注_03.png"></a></li>
				<li class="c9"><a><img src="img\怀疑_03.png"></a></li>				</ul>

      <div class="c1">
		     <div class="c11"align="center">  
                <ul class="c111">
				<li class="c1112"><img src="img\多_03.png"></li>
				<li class="c1111"><b>品类齐全，轻松购物 </b></li>
				<li class="c1112"><img src="img\快_03.png"></li>
				<li class="c1111"><b>多仓直发，急速配送 </b></li>
				<li class="c1112"><img src="img\好_03.png"></li>
				<li class="c1111"><b>正品行货，精致服务</b> </li>
				<li class="c1112"><img src="img\省_03.png"></li>
				<li class="c1111"><b>天天低价，畅选无忧</b></li>
				
				</ul>   		 
			 </div>
	<div class="c12">
			 <div class="c121">
			 <p><a><b>购物指南</b></a></p>
			 <p><a>购物流程</a></p>
			 <p><a>会员介绍</a></p>
			 <p><a>生活旅行/团购</a></p>
			 <p><a>常见问题</a></p>
			 <p><a>大家电</a></p>
			 <p><a>联系客服</a></p>
			 </div>
			 <div class="c122">
			 <p><a><b>配送方式</b></a></p>
			 <p><a>上门自提</a></p>
			 <p><a>211限时达</a></p>
			 <p><a>配送服务查询</a></p>
             <p><a>配送费收入标准</a></p>
			 <p><a>海外配送</a></div>
			 
			 <div class="c123">
			 <p><a><b>支付方式</b></a></p>
			 <p><a>货到付款</a></p>
			 <p><a>在线支付</a></p>
			 <p><a>分期付款</a></p>
			 <p><a>邮局汇款</a></p>
			 <p><a>公司转账</a></p>
			 </div>
			 <div class="c124">
			 
			  <p><a><b>售后服务</b></a></p>
			 <p><a>价格政策</a></p>
			 <p><a>价格保护</a></p>
			 <p><a>退货说明</a></p>
			 <p><a>返修/退货单</a></p>
			 <p><a>取消订单</a></p>
			 </div>
			 <div class="c125">
			 <p><a><b>特色服务</b></a></p>
			 <p><a>夺宝岛</a></p>
			 <p><a>DIY装机</a></p>
			 <p><a>延保服务</a></p>
			 <p><a>京东E卡</a></p>
			 <p><a>京东通信</a></p>
			 <p><a>京东JD+</a></p>
	</div>
			 <div class="c13">
			 <div class="c132">
			        <br>
				    <span class="c13111">关于我们</span> 

					<span class="c1312">|</span>

					<span class="cl313">联系客服</span>

					<span class="c1312">|</span>
					
					<span class="c1311">联系客服</span>

					<span class="cl312">|</span>
				    
					<span class="c1311">合作招商</span> 
					
					<span class="c1312">|</span>
					
					<span class="cl311">商家帮助</span>
				
					<span class="c1312">|</span> 
					
					<span class="c1311">营销中心</span>
					
					<span class="cl312">|</span>
				   
					<span class="c1311">手机京东</span> 
				
					<span class="c1312">|</span>
					
					<span class="cl311">友情链接</span>
				    
					<span class="c1312">|</span> 
				
					<span class="c1311">销售联盟</span>
					
					<span class="cl312">|</span>
					
					<span class="c1311">京东社区</span> 
					
					<span class="c1312">|</span>
					
					<span class="cl311">风险检测</span>
				    
					<span class="c1312">|</span> 
					
					<span class="c1311">隐私政策</span>
					
					<span class="cl312">|</span>
			        
					<span class="c1311">京东公益</span> 
					
					<span class="c1312">|</span>
					
					<span class="cl311">English Site</span>
			        
					<span class="c1312">|</span> 
			 		
					<span class="c1311">Media & IR</span>
					<div class="c14"><br>
					<span>京公网安备1000002000088</span>
					<span>|</span>
					<span>京ICP证03059号</span>
					<span>|</span>
					<span>互联网药品信息服务资格编号(京)-经营性-2014-0008</span>
					<span>|<span>
					<span>新出发京零 字第大120007号<span><br>
					</div>
					
                 </div>

                    <div class="c15">
					 <span>互联网出版许可证编号新出网证(京)字号</span>
					 <span>|</span>
					 <span>出版物经营许可证</span>
					 <span>|</span>
					 <span>网络文化经营许可证京网文[2014]2148-348号</span>
					 <span>|</span>
					 <span>违法和不良信息举报电话：4006561155</span>
					 <br>
					 <span>Copyright <input type="button" value="c" class="c151"> 2004-2019 京东JD.com版权所有</span>
					 <span>|</span>
					 <span>消费者维权热线：4006067733    经营执照</span>
					 <span>|</span>
					 <span>(京)网械平台备字(2018)第00003号</span>
					 <span>|</span>
					 <span>营业执照</span>
					 <br>
					 <img src="img\国旗_03.png">
					 <br>
					 <span>京东旗下网站：京东钱包</span>
				     <span>|</span>
					 <span>京东云</span>
					 <br>
					 <div class="c17">
					<ul class="c16">
					 <li class="c161"> <img src="img\网站_03.png"> </li>
					 <li class="c161"><a>可信网站<br>信用评价 </a></li>
                     <li class="c161"> <img src="img\网警_03.png"> </li>
					 <li class="c161"><a>网络警察<br>提醒您 </a></li>
					 <li class="c161"> <img src="img\诚信_03.png"> </li>
					 <li class="c161"><a>诚信网站</a></li>
					 <li class="c161"> <img src="img\互联_03.png"> </li>
					 <li class="c161"><a>中国互联网<br>举报中心 </a></li>
                     <li class="c161"> <img src="img\下载_03.png"> </li>
					 <li class="c161"><a>网络举报<br>app下载 </a></li>
                      </div>
					 </ul>
			 </div>		  	    
 	 </div>
         <script>
		 var quan1=document.getElementById("quan1");//全选框1
         var quan2=document.getElementById("quan2");//全选框2
		 var xuan1=document.getElementById("xuan1");//内容选择
		 var xuan2=document.getElementById("xuan2");//
         var xuan3=document.getElementById("xuan3");//
		 var xuan4=document.getElementById("xuan4");//
		 var xuan5=document.getElementById("xuan5");//
		 var sum=document.getElementById("sum");//选择商品总数
         var jian1=document.getElementById("jian1");//减
		 var jian2=document.getElementById("jian2");//
		 var jian3=document.getElementById("jian3");//
         var jia1=document.getElementById("jia1");//加
		 var jia2=document.getElementById("jia2");//
		 var jia3=document.getElementById("jia3");//
         var shu1=document.getElementById("shu1");//单类商品选择数量
		 var shu2=document.getElementById("shu2");//
		 var shu3=document.getElementById("shu3");//
         var dan1=document.getElementsByClassName("b3131")[0];//单价
		 var dan2=document.getElementsByClassName("b43131")[0];//
		 var dan3=document.getElementsByClassName("b3131")[1];//
		 var zon1=document.getElementsByClassName("b315")[0];//单类商品总价
		 
		 var zon2=document.getElementsByClassName("b4315")[0];//
		 var zon3=document.getElementsByClassName("b315")[1];//
		 var zon4=document.getElementById("zon");//全部总价
		 var zon5=document.getElementsByClassName("b631")[0];//打折节省
		 console.log(jia1);
		 console.log(jia2);
		 console.log(jia3);
		 var milk=34.80;
		 var husked=27.90;
		 var fish=118.00;
		 var milkkg=2.36;
		 var huskedkg=5;
		 var arr=[];//将五个单选放在一个数组里便于操作
		 var sums=0;
		 arr.push(xuan1);
		 arr.push(xuan2);
		 arr.push(xuan3);
		 arr.push(xuan4);
		 arr.push(xuan5);
		 var valuearr=[];
		 var temp=0;//创建一个变量保存总价格
		 var value1=0;//创建一个变量保存总数量
		 //用于保存每价商品的数量
		quan1.onchange=function fu(){//第一个全选
			
			for(var i=0;i<arr.length;i++){
			arr[i].checked=this.checked;	
			}
			/*shu1.value=1;
			shu2.value=1;
			shu3.value=1;  
		    valuearr.push(parseInt(shu1.value));
		    valuearr.push(parseInt(shu2.value));
	        valuearr.push(parseInt(shu3.value));
            sum.innerHTML=valuearr[0]+valuearr[1]+valuearr[2];
			var temp=milk*valuearr[0]+husked*valuearr[1]+fish*valuearr[2];
			zon4.innerHTML="￥"+temp;
			if(this.checked==false){
			shu1.value=0;
			shu2.value=0;
			shu3.value=0;
			sum.innerHTML=0;
			zon4.innerHTML=0;

		    }*/
		}

		quan2.onchange=function fu2(){
		    for(var i=0;i<arr.length;i++){
			    arr[i].checked=this.checked;
			
			}
		
		
		}
		
		
		 jia1.onclick=function milks1(){//牛奶
			shu1.value++;
            zon1.innerHTML
			var temp1=Math.round(milk*shu1.value*100)/100;
			var temp2=Math.round(milkkg*shu1.value*100)/100;
			zon1.innerHTML="<b>"+"￥"+temp1+"</b>"+"<br>"+temp2+"kg";
			return temp1;

		}

        jian1.onclick=function milks2(){
	        if(shu1.value>0){
	     		shu1.value--;}
            zon1.innerHTML
			var temp1=Math.round(milk*shu1.value*100)/100;
			var temp2=Math.round(milkkg*shu1.value*100)/100;
			zon1.innerHTML="<b>"+"￥"+temp1+"</b>"+"<br>"+temp2+"kg";
			return temp1;
		}
        
        jia2.onclick=function huskeds1(){//大米
		    shu2.value++;
			var temp3=Math.round(husked*shu2.value*100)/100;
			var temp4=Math.round(huskedkg*shu2.value*100)/100;
			zon2.innerHTML="<b>"+"￥"+temp3+"</b>"+"<br>"+temp4+"kg";
			return temp3;
		}

        jian2.onclick=function huskeds2(){
		    if(shu2.value>0){
			shu2.value--;}
			var temp5=Math.round(husked*shu2.value*100)/100;
			var temp6=Math.round(huskedkg*shu2.value*100)/100;
			zon2.innerHTML="<b>"+"￥"+temp5+"</b>"+"<br>"+temp6+"kg";
		    return temp5;
		}
        jia3.onclick=function fish1(){//鱼
			shu3.value++;
            zon3.innerHTML
			var temp7=Math.round(fish*shu3.value*100)/100;			
			zon3.innerHTML="<b>"+"￥"+temp7+"</b>";
		    return temp7;
		}

        jian3.onclick=function fish2(){
		    if(shu3.value>0){
			shu3.value--;}
			var temp8=Math.round(fish*shu3.value*100)/100;	
			zon3.innerHTML="<b>"+"￥"+temp8+"</b>";
			return temp8;
		}

	    for(var p=0;p<arr.length;p++){
		    if(arr[p].checked==true ){
          	}	 
        }
        function xian(a,b){//用于显示最终的数量和价格
		    sum.innerHTML=a;
			zon4.innerHTML=b;   
        }


		 
		 </script>
	</body>
</html>
